<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>设备</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" href="../../css/iconfont.css" />
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="../../css/app.css"/>
		
		<script type="text/javascript" src="../../../script/api.js"></script>
		<script type="text/javascript" src="../../js/jquery-1.11.3.js"></script>
		
		<style>
			
			.title{
				margin: 20px 15px 10px;
				color: #6d6d72;
				font-size: 15px;
			}
			body{
				background: #ffffff;
			}
			html,body{
				width: 100%;
				height: 100%;
				margin: 0;
				padding: 0;
			}
			.mui-content{
				width: 100%;
				height: calc(100% - 110px);
				position: absolute;
				top: 58px;
				margin: 0;
				padding: 0;
			}
			.oa-contact-cell.mui-table .mui-table-cell {
				padding: 11px 0;
				vertical-align: middle;
			}
			
			.oa-contact-cell {
				position: relative;
				margin: -11px 0;
			}
	
			.oa-contact-avatar {
				width: 75px;
			}
			.oa-contact-avatar img {
				border-radius: 50%;
			}
			.oa-contact-content {
				width: 100%;
			}
			.oa-contact-name {
				margin-right: 20px;
			}
			.oa-contact-name, oa-contact-position {
				float: left;
			}
			.mui-bar{
				background:#4F77AA ;
				color: #ffffff;
				-webkit-box-shadow: 0 0 1px rgba(0,0,0,0);
    			box-shadow: 0 0 1px rgba(0,0,0,0);
			}
			.mui-title{
				color: #ffffff;
			}
			a{
				color:#ffffff;
			}
			.mui-bar-bottom{
				background: #ffffff;
				-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.1);
    			box-shadow: 0 0 1px rgba(0,0,0,0.1);
			}
			.mui-content>.mui-table-view:first-child{
				margin-top: 0;
			}
			.clear{
				clear: both;
			}
			.color-primary{
				color: #1ab394;
			}
			.color-success {
			    color: #1c84c6;
				}
			.color-info {
			    color: #23c6c8;
			}
			.color-warning {
			    color: #f8ac59;
			}	
			.mui-table-view-cell:after{
				background: #ffffff;
			}
			.mui-table-view:after{
				background: #ffffff;
			}	
			.mui-content ul li a span{
				padding-right: 15px;
				font-size: 24px;
				color:#4F77AA ;
			}
			* { touch-action: none; }
			span#openscan{
				display: inline-block;
				width:60px;
				height:60px;
				text-align: center;
				line-height:60px;
				font-size: 28px;
				border-radius: 50%;
				background: #4F77AA;
				color:#ffffff;
				position: absolute;
				top: -20px;
				right: 50%;
				margin-right: -30px;
			}
			.mui-content .mui-content-first{
				width: 100%;
				height: 150px;
				background: #4F77AA ;
				
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
		 <span class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></span>
			<h1 class="mui-title">数据看板</h1>
		</header>
		
		<div class="mui-content">
		<div id="scroll" class="mui-scroll-wrapper">
        <div class="mui-scroll">
			<div class="mui-content-first">
				<div id="echart1" hright="100px;"></div>
			</div>
		</div>
		</div>
		</div>	
		<nav class="mui-bar mui-bar-tab mui-bar-bottom">
			<a class="mui-tab-item" href="../../../../index.html">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">故障趋势</span>
			</a>
			<p class="mui-tab-item">
				<span class="icon iconfont icon-saoyisao" id="data_kanban"></span>
			</p>
			<a class="mui-tab-item" href="spare_part.html">
				<span class="mui-icon mui-icon-gear"></span>
				<span class="mui-tab-label">排行统计</span>
			</a>
		</nav>
	</body>
	<script src="../../js/mui.min.js"></script>
	<script>
		mui.init({
			swipeBack:true //启用右滑关闭功能
		});
		mui('body').on('tap','a',function(){
			window.top.location.href=this.href;
		});
		 (function($) {
		        $('#scroll').scroll({
		            indicators: true //是否显示滚动条
		        });
		      
		        $.init();
     
    		})(mui);
    	$(document).on("click","span.mui-pull-left",function(){
        window.location.href="../../../index.html";
    	})
    	$(document).on("click","#data_kanban",function(){
    		window.location.href="data_kanban.html";
    	})
    	$(document).ready(function(){
    		
    	})
	</script>
</html>